$(function () {
  getUserInfo();
  quit();
});
//----------------------------------------------------------------
function quit() {
  var layer = layui.layer;
  // 点击按钮，实现退出功能
  $("#btnLogout").on("click", function () {
    // 提示用户是否确认退出
    layer.confirm(
      "确定退出系统？",
      {
        icon: 3,
        title: "提示",
      },
      function (index) {
        //do something
        // 1.清空本地存储中的 token
        localStorage.removeItem("token");
        // 2.重新跳转到登录页面
        location.href = "/public/index.html";
        // 关闭 confirm 询问框
        layer.close(index);
      }
    );
  });
}
//----------------------------------------------------------------
function getUserInfo() {
  $.ajax({
    method: "GET",
    url: "/my/userinfo",
    success: function (res) {
      // 判断有无登录
      if (res.status !== 0) {
        return layui.layer.msg("获取用户信息失败！");
      }
      renderAvatar(res.data);
    },
  });
}
//----------------------------------------------------------------
// 渲染用户头像
function renderAvatar(user) {
  // 1.获取用户名称
  var name = user.username;
  var sno = user.sno;
  var hostel = user.hostel;
  var floor = user.floor;
  $("#name").val(name);
  $("#sno").val(sno);
  $("#hostel").val(hostel);
  $("#floor").val(floor);
  // 2.设置欢迎文本
  $("#welcome").html("欢迎  " + name);
  // 3.按需渲染用户的头像
  if (user.user_pic !== null) {
    // 3.1 渲染图片头像
    $(".layui-nav-img").attr("src", user.user_pic).show();
    $(".text-avatar").hide();
  } else {
    // 3.2渲染文字头像
    $(".layui-nav-img").hide();
    var first_word = name[0].toUpperCase();
    $(".text-avatar").html(first_word).show();
  }
}
